<template>
 <header class="header">
      <h1>todos</h1>
      <input 
      class="new-todo" 
      placeholder="请输入任务名称" 
      autofocus 
      v-model.trim="className"
      @keyup.enter="addList"
      />
    </header>
</template>

<script>
 export default {
   name: 'HmHeader',
   props: {
   },
   data(){
    return {
        className:'',
    }
   },

   methods:{
    addList(){
        this.$emit("addList",this.className)
        this.className = ''
    },
   },
   
 }
</script>

<style scoped lang='less'>

</style>